<!-- 参考官方文档 -->
<template>
    <view class="box-grid-3">
        <navigator url="/pages/components/view-detail/view-detail">view</navigator>
        <navigator url="/pages/components/text-detail/text-detail">text</navigator>
        <navigator url="/pages/components/scroll-view-detail/scroll-view-detail">scroll-view</navigator>
        <navigator url="/pages/components/swiper-detail/swiper-detail">swiper</navigator>
        <navigator url="/pages/components/image-detail/image-detail">image</navigator>
        <navigator url="/pages/components/button-detail/button-detail">button</navigator>
        <navigator url="/pages/components/input-detail/input-detail">input</navigator>
        <navigator url="/pages/components/switch-detail/switch-detail">switch</navigator>
        <navigator url="/pages/components/checkbox-detail/checkbox-detail">checkbox</navigator>
        <navigator url="/pages/components/icon-detail/icon-detail">icon</navigator>
        <navigator url="/pages/components/rich-text-detail/rich-text-detail">rich-text</navigator>
        <navigator url="/pages/components/navigator-detail/navigator-detail">navigator</navigator>
        <navigator url="/pages/components/component-custom/component-custom">自定义组件</navigator>
    </view>
</template>

<script lang="ts" setup>
    //移除操作栏右上角文本
    uni.removeTabBarBadge({
        index: 1
    });
</script>

<style lang="scss" scoped>
    @import "@/common/css/common.css";
</style>